iT邦幫忙

2022 iThome 鐵人賽

DAY 9
0

大家好,我們今天要來上數學課,請把你們的課本 (VS Code) 打開來。
首先,我們要來講各種數字的支援程度~

數字的支援程度

首先我們先確立,待會用的都是我們最常用的十進位制,也就是以 10 為單元來做計算。因為還有很多其他的進位制會在電子計算機(電腦)上做使用,例如:二進位、八進位、十六進位等等,但我們基本上都還是以十進位制為主。

數字可以支援到甚麼程度呢?

let a = 1; // 支援整數
let b = -1; // 支援負數
let c = 1.1314; // 支援小數點

//可以用 typeof 去查是否都是數字型別

console.log(typeof a); // number
console.log(typeof b); // number
console.log(typeof c); // number

需注意的是數字的值不需要用引號包起來,如果用引號包起來的話例如:"1"、"1.1314",這樣就會被判斷成字串。

let a = "1";
let b = "-1";

//用 typeof 去查會得到字串的結果

console.log(typeof a); // string
console.log(typeof b); // string

運算子 (Operator)

運算子 (Operator) 的目的是讓我們可以對變數的值 (value) 做處理,並且回傳新的值 (value)。
從以下列表可以看到運算子有很多種類,之後將會先介紹其中幾種較常見的:

  • 算數運算子
  • 賦值運算子
  • 比較運算子
  • 邏輯運算子
  • 位元運算子
  • 字串運算子
  • 條件(三元)運算子
  • 逗點運算子
  • 一元運算子
  • 關係運算子

同時 JacaScript 的運算子有另一種分類方式,是以同時需要具備幾個運算元來做分類:

  • 一元運算子:一個一元運算子需要一個運算元,可放在運算子的前或後

    運算元 運算子 
    ex: 1 ++
    

    運算子 運算元 
    ex: ++ 1
    
  • 二元運算子:一個二元運算子需要同時具備兩個運算元,各自放在前後

    運算元1 運算子 運算元2 
    ex: 1 + 2
    
  • 三元運算子:也就是條件運算子,因較特殊此處先不做介紹

算術運算子 (Arithmetic operators)

最常見的算數運算子就是我們平常算數學用的加減乘除:

+ - * /

8 + 9 // 17
8 - 9 // -1
8 * 9 // 72
4 / 2 // 2

除了以上標準的算數運算子外,JavaScript 還有提供一些比較特別的:

運算子 名稱 用途
% 餘數 (remainder) 為二元運算子,功用為回傳兩個運算元 (值) 相除後的餘數
++ 增加 (increment) 一元運算子,將運算元 (值) 增加 1
- - 減少 (decrement) 一元運算子,將運算元 (值) 減少 1
** 指數 (Exponent) 計算 a 的 b 次方

範例:

18 % 5 // 3 
// 18 除以 5 後的餘數為 3,故會回傳 3
a = 5, a++ // 6 
// a 的初始值為 5,使用一元運算子 `++` 後,值會增加 1,因此 a = 6
a = 5, a-- // 4
// a 的初始值為 5,使用一元運算子 `--` 後,值會減少 1,因此 a = 4
5 ** 3 // 125
// 5 的 3 次方為 125,故回傳 125

以上就是基本的算術運算子介紹,之後將會繼續介紹「賦值運算子」、「比較運算子」與「邏輯運算子」,我們明天見!


參考資料

線上課程
MDN 1
MDN 2


上一篇
Day08 資料型別 (Data Type) 與 typeof 運算子
下一篇
Day10 賦值運算子
系列文
從基礎開始,用 JavaScript 從頭建立起程式肌肉 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言